<template>
  <el-dialog
    title="拉群对象"
    :visible.sync="$attrs.visableIf"
    @close="handleCloseDialog"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    append-to-body
    width="600px"
  >
    <el-table v-loading="loading" :data="grouplist" ref="multipleTable">
      <el-table-column
        label="昵称"
        prop="userName"
        :show-overflow-tooltip="true"
      >
        <template slot-scope="scope">
          <div class="flex kh_box aligncenter">
            <img
              src="//qyb-1253970052.cos.ap-shanghai.myqcloud.com/public/wechatdata/avatar/5424982/e9564f7860994fe258a93da3a18c1a2c.png"
              alt=""
              class="useravatar"
            />
            <div class="khnamebox pl-12">
              <div class="title c_222333 line_h_22">{{ scope.row.name || "--" }}</div>
              <!-- <div class="c_warning2 f-12">@锐行</div> -->
              <div class="c_52c41a f-12">@微信</div>
            </div>
          </div>
        </template>
      </el-table-column>
      <el-table-column
        label="好友关系"
        prop="userName"
        width="180"
        :show-overflow-tooltip="true"
      ></el-table-column>
    </el-table>
  </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      loading: false,
      grouplist: [{id:1}],
    };
  },
  props: {
    title: {
      type: String,
      default: "",
    },
  },
  methods: {
    handleCloseDialog() {
      this.$emit("update:visableIf", false);
      this.$emit("handleQuery");
    },
  },
};
</script>

<style lang="scss" scoped>
.infocondition {
  // min-height: 60px;
}
.msg_number {
  width: 50px;
}
.msg_number_content {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  background: #ddd;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.chatmsgcontent {
}
.chattextbox {
  max-width: 360px;
  word-break: break-all;
  padding: 6px 12px;
  width: fit-content;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
}
</style>